<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>勤道快切助手使用说明 - 超好用的网页制作&amp;专题制作助手 - 必备前端工具 - 快切网页制作助手</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
<meta name="renderer" content="webkit">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="快切,网页切图工具,快切助手,快切网,快速制作网页,网页专题制作,网页切图软件,快速切图软件,网页设计助手,快速网页制作工具,网页制作助手,网页快速制作,在线切片专题制作工具,网站专题制作"/>
<meta name="description" content="在线切图/网页制作工具，快速导出切片，html代码，css样式。响应式支持，一站打通电脑，平板，手机。"/>
<link rel="shortcut icon" href="resources/images/favicon.ico"/>
<link rel="dns-prefetch" href="www.qdsay.com" />
<link rel="dns-prefetch" href="hm.baidu.com">
<link rel="stylesheet" href="resources/css/main.css"/>
<link rel="stylesheet" href="resources/css/site.css"/>
<link rel="stylesheet" href="resources/css/help.css"/>
</head>
<body>
<header>
<div id="headbar">
  <div id="logo">
    <a title="勤道快切助手" href="http://kuaiqie.qdsay.com"><img alt="勤道快切助手" src="resources/images/logo.png"></a>
  </div>
  <ul id="navbar">
    <li><a id="favorite" class="doing" title="加入收藏夹" href="javascript:void(0);">收藏</a>
    <div class="toolbar">
      <p>&nbsp;请您使用【菜单栏】或【Ctrl + D】收藏本站。</p>
      <em class="takeIt"></em>
    </div>
    </li>
    <li><a id="share" class="doing" title="分享到朋友圈" href="javascript:void(0);">分享</a>
    <div class="toolbar">
      <h5>分享到朋友圈：</h5>
      <div id="sharelist" class="bdsharebuttonbox"><a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a><a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a><a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a><a title="分享到QQ好友" href="#" class="bds_sqq" data-cmd="sqq"></a><a title="分享到腾讯朋友" href="#" class="bds_tqf" data-cmd="tqf"></a><a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren"></a><a title="分享到开心网" href="#" class="bds_kaixin001" data-cmd="kaixin001"></a><a title="分享到豆瓣网" href="#" class="bds_douban" data-cmd="douban"></a><a title="分享到Facebook" href="#" class="bds_fbook" data-cmd="fbook"></a><a title="分享到Twitter" href="#" class="bds_twi" data-cmd="twi"></a><a title="分享到linkedin" href="#" class="bds_linkedin" data-cmd="linkedin"></a><a title="分享到百度云收藏" href="#" class="bds_bdysc" data-cmd="bdysc"></a><a title="分享到百度贴吧" href="#" class="bds_tieba" data-cmd="tieba"></a><a title="分享到百度个人中心" href="#" class="bds_ibaidu" data-cmd="ibaidu"></a><a title="分享到百度空间" href="#" class="bds_hi" data-cmd="hi"></a><a title="分享到网易微博" href="#" class="bds_t163" data-cmd="t163"></a><a title="分享到点点网" href="#" class="bds_diandian" data-cmd="diandian"></a><a title="分享到手机快传" href="#" class="bds_share189" data-cmd="share189"></a><a title="分享到飞信" href="#" class="bds_fx" data-cmd="fx"></a><a title="分享到有道云笔记" href="#" class="bds_youdao" data-cmd="youdao"></a><a title="分享到麦库记事" href="#" class="bds_sdo" data-cmd="sdo"></a><a title="分享到轻笔记" href="#" class="bds_qingbiji" data-cmd="qingbiji"></a><a title="分享到人民微博" href="#" class="bds_people" data-cmd="people"></a><a title="分享到新华微博" href="#" class="bds_xinhua" data-cmd="xinhua"></a><a title="分享到搜狐随身看" href="#" class="bds_kanshou" data-cmd="kanshou"></a><a title="分享到我的搜狐" href="#" class="bds_isohu" data-cmd="isohu"></a><a title="分享到复制网址" href="#" class="bds_copy" data-cmd="copy"></a></div>
      <em class="takeIt"></em>
    </div>
    </li>
    <li><a id="help" class="doing" title="帮助" href="help.html" target="_blank">帮助</a></li>
    <li><a id="back" class="doing" title="返回" href="http://kuaiqie.qdsay.com/">返回</a></li>
  </ul>
  <label id="desc">页面框架&amp;专题制作工具</label>
</div>
</header>
<div id="main">
  <div id="welcome">
    <div id="about">
      <div class="content">
        <h1><em>3</em>步制作响应式页面</h1>
        <div><img alt="制作响应式网页" src="resources/images/step.png"></div>
      </div>
      <div class="content">
        <h1><em>5</em>分钟改变切图方式</h1>
        <p>快切助手是一个快速、简洁的在线切图工具。QD团队设计快切，不仅是为了提高前端切图的速度，更是为了让切图变为一件简单的事情。现在，开发和设计都可以使用快切做出专业的响应式页面了。</p>
        <p>上线以来，快切助手得到了大家广泛的关注，并提供了很多非常有价值的建议，感谢朋友们的支持，勤道团队将继续致力于改变切图方式，不断丰富快切助手的功能，以适应更多的切图需求。</p>
      </div>
      <div class="content">
        <h1><em>5</em>分钟学会使用快切</h1>
        <p>我们无意做一个Photoshop或Dreamweaver出来，这对我们的工作无太多意义。在保证“快切”简单、高效的同时，获得更多的功能体验，以减少我们重复且无效的工作，仅需5分钟，改变切图方式。</p>
        <p>作为前端攻城师，您可以不会Dreamweaver，但不能不会快切助手，让工作瞬间减半。</p>
        <p>让我们集中精力在用户交互和体验上来！把重复性的工作丢给快切。</p>
      </div>
      <div class="content">
        <h1>看看大家怎么说</h1>
        <p>先给QD团队的小伙伴们点个赞，快切助手是一款免费工具，而且在将来，将来的将来也是免费使用的，感谢QD伙伴们的支持。节省您宝贵的时间，是QD团队最大的追求！</p>
      </div>
      <div class="content">
        <div id="SOHUCS"></div>
        <script>
          (function(){
            var appid = 'cyrArI1MR',
            conf = 'prod_13bba1ad1fa25c82f6463fb32c0550c8';
            var doc = document,
            s = doc.createElement('script'),
            h = doc.getElementsByTagName('head')[0] || doc.head || doc.documentElement;
            s.type = 'text/javascript';
            s.charset = 'utf-8';
            s.src =  'http://assets.changyan.sohu.com/upload/changyan.js?conf='+ conf +'&appid=' + appid;
            h.insertBefore(s,h.firstChild);
            window.SCS_NO_IFRAME = true;
          })()
        </script>
      </div>
      <div class="content">
        <h1>合作伙伴</h1>
        <p><a href="http://www.niudana.com/" target="_blank"><img width="200px" height="60px" src="http://www.niudana.com/images/logo.png" title="牛大拿最贴心的设计导航"></a></p>
      </div>
    </div>
    <div id="sider">
      <div class="block">
        <h5><em>勤道</em>快切助手</h5>
        <p class="aboutus">公司里几个设计、十几个开发、就一个前端，忙不过来。使用快切助手制作网页迅速提升切图效率，甩美工、开发几条街。仅需5分钟，改变切图方式，交流群：<a class="qd-add-qun" href="http://shang.qq.com/wpa/qunwpa?idkey=783bb9691476c2b74ea34d105bca0944eddeeaf7b4934b804dfd2e5f2ec78166" title="网页制作群" target="_blank">40348818</a>，<a href="about.html" title="勤道快切助手" target="_blank">查看更多...</a></p>
      </div>
      <div class="block">
        <h5><em>样例</em>5分钟我们能做什么</h5>
        <ul>
          <li>
            <a href="view.php?exp=mi" title="小米商城布局制作" target="_blank"><img alt="小米商城布局制作" src="example/mi.jpg">
            <span>小米商城<br />布局</span></a>
          </li>
          <li>
            <a href="view.php?exp=ctrip" title="携程新年特惠特惠活动页面制作" target="_blank"><img alt="携程新年特惠特惠活动页面制作" src="example/ctrip.jpg">
            <span>携程新年<br />特惠</span></a>
          </li>
          <li>
            <a href="view.php?exp=jd" title="京东白条活动页面制作" target="_blank"><img alt="京东白条活动页面制作" src="example/jd.jpg">
            <span>京东白条<br />活动</span></a>
          </li>
          <li>
            <a href="view.php?exp=demohour" title="点名时间首页制作" target="_blank"><img alt="点名时间首页制作" src="example/demohour.jpg">
            <span>点名时间<br />首页</span></a>
          </li>
        </ul>
      </div>
      <div class="block">
        <h5><em>记录</em>快切笔记<a href="notes.html" title="快切笔记" target="_blank">更多...</a></h5>
        <p><a href="notes.html#150706" title="快切笔记" target="_blank">快切助手受邀参加HTML5峰会。</a></p>
        <p><a href="notes.html#150508" title="快切笔记" target="_blank">快切助手赢HTML5大赛二等奖！</a></p>
        <p><a href="notes.html#150211" title="快切笔记" target="_blank">招个前端开发工程师难吗？</a></p>
      </div>
      <div class="block">
        <h5><em>更新</em>新增功能<a href="help.html" title="快切助手使用帮助" target="_blank">更多...</a></h5>
        <p>修正页面分栏后屏幕自适应问题。</p>
        <p><a href="http://card.qdsay.com" target="_blank" title="勤道云配色">在线查看网站配色，勤道云配色上线。</a></p>
        <p>添加[极简]模板，优化页面代码。</p>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="resources/js/jquery.min.js"></script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<script>
$().ready(function() {
    $("#about").width($(document).width() - 440);
    $("#sider").height($(document).height() - 45);
    $(".doing").click(function(){
        if ($(this).attr("id") == 'favorite') {
            setNavStatus($(this).parent());
        } else if ($(this).attr("id") == 'share') {
            setNavStatus($(this).parent());
        } else {
            var top = $("#go"+$(this).attr("id")).offset().top - 45;
            $("html,body").animate({
                scrollTop: top
            }, 1000);
        }

    });
    $(".takeIt").click(function() {
        if ($(this).parents("li").hasClass("on")) {
            $(this).parents("li").removeClass("on");
        }
    });
});
function setNavStatus($obj) {
    if ($obj.hasClass("on")) {
        $obj.removeClass("on");
    } else {
        $obj.siblings().removeClass("on");
        $obj.addClass("on");
    }
}
//分享
window.onload=function(){
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{},"image":{"viewList":["qzone","tsina","tqq","weixin","sqq","tqf","renren","kaixin001","douban","fbook","twi","linkedin","bdysc","tieba","ibaidu","hi","t163","diandian","share189","fx","youdao","sdo","qingbiji","people","xinhua","kanshou","isohu","copy"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","weixin","sqq","tqf","renren","kaixin001","douban","fbook","twi","linkedin","bdysc","tieba","ibaidu","hi","t163","diandian","share189","fx","youdao","sdo","qingbiji","people","xinhua","kanshou","isohu","copy"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
}
//统计
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?78ca100d64bdbafed0bd93cbe4702ab4";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-33331163-2', 'auto');
  ga('send', 'pageview');

</script>
</body>
</html>